<template>
  <div class="bannner-admin">
    <h3 class="title">banner管理</h3>
    <div class="header-btn">
      <el-button type="primary" round @click="clickHanle">添加文章</el-button>
    </div>

    <Table />
    <Dialogue />
  </div>
</template>

<script>
import Table from "./Table";
import Dialogue from "./Dialogue";

export default {
  name: "BannerAdmain",
  components: {
    Table,
    Dialogue,
  },
  methods: {
    clickHanle() {
      // console.log(111);
      this.$bus.$emit("bannerAdmin", true);
    },
  },
};
</script>

<style scoped lang='less'>
.bannner-admin {
  margin-left: 20px;
  .title {
    text-align: center;
    padding: 20px;
    background-color: #c4b4a9;
    margin-bottom: 10px;
  }
  .header-btn {
    text-align: left;
    margin-bottom: 10px;
  }
}
</style>